import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
// 导入vuex
import store from './store'
import "./utils/setRem";

import "./assets/scss/comm.scss"

// 导入了vant样式
import "vant/lib/index.css"

//导入tailwindcss
import "./assets/css/index.css"

// 配置vant懒加载
import { Lazyload } from 'vant'

// 导入animate.css样式
import "animate.css";



import PageView from "./components/PageView.vue"
import TitleBar from "./components/TitleBar.vue"
import MyLoading from "./components/MyLoading.vue";
const app = createApp(App);

app.component("page-view", PageView);
app.component("title-bar", TitleBar)
app.component("my-loading", MyLoading);
// 注册全局数据
app.provide("baseURL", baseURL);

// 配置懒加载
app.use(Lazyload, {
    lazyComponent: true,
    loading: require("./assets/img/loading.gif"),
    error: require("./assets/img/error.jpg"),
});

app.use(router);
app.mount("#app");
app.use(store);
// createApp(App).use(router).mount('#app')
